<!DOCTYPE html>
<html>
  <head>
    <title>jQuery WeUI</title>
    <meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>

<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
"/>

<link rel="stylesheet" th:href="@{/dist/lib/weui.min.css}" />
<link rel="stylesheet" th:href="@{/dist/css/jquery-weui.min.css}" />
<link rel="stylesheet" th:href="@{/dist/demos/css/demos.css}" />
<script type="text/javascript"  th:src="@{/dist/lib/jquery-2.1.4.js}" ></script>
<script type="text/javascript"  th:src="@{/dist/js/jquery-weui.js}" ></script>
<script type="text/javascript"  th:src="@{/dist/lib/fastclick.js}" ></script>
<link rel="stylesheet" th:href="@{/adminltecss/userl.css}" />
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
   <style>
   	.cusmar{
  		margin-left: 40px;
  	}
  	.header-wai{
  		position: fixed;top:0px; height:60px;background-color: #363436;
  	}
  		#uploaderInput{
  			margin:0px auto;
  	}
   </style>
<script type="text/javascript" th:inline="javascript">
/*<![CDATA[*/	
		
	function setImage(url){
		    //alert(url);
		    if(!/[.png|.jpg|.gif|.ico]$/.test(url)){
		        $.alert("仅支持上传jpg、png、gif、ico格式的图片！");
		        return false;
		    }
		    return true;
		}
		function readFile(elem){
		
			var url=elem.value;
			
			if(setImage(url)){
		     var ss=window.URL.createObjectURL(elem.files.item(0));
		  
		   	$(".weui-uploader__file").css("background-image","url("+ss+")");
		   	$(".weui-uploader__info").html("1/1");
		   	return true;
			}
		}
		
	function uploaDemo(){
		var domEle=$("#uploaderInput")[0];
		if(readFile(domEle)){
			
			
		$("#form").submit();
			
		}else{
			$.alert("请先添加图片")
		}
	}
	/*返回上一级  */
	function returnDemo(){
		window.history.back(-1); 
	}
	
	
		
		/*]]>*/
</script>
  </head>
  <body ontouchstart>
  	<div class="weui-tabbar header-wai" style="">
  		<a href="" class="weui-tabbar__item"  id="cusdow">
          <div class="weui-tabbar__icon"></div>
          <p class="weui-tabbar__label" style="font-size: 20px; color: white; line-height: 1px;">
          	<span class="fa fa-angle-left fa-2x" style="color: white; float: left;line-height: 10px;" onclick="returnDemo()"></span>
          	头像上传<span class="fa fa-angle-down fa-2x" style="color: white;float: right; margin-right: 10px;line-height: 10px; " id="down"></span></p>
        </a>
      </div>
  	
      
    </div>
  			
    <!--图片上传-->
  	<div class="weui-cells weui-cells_form">
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <div class="weui-uploader">
            <div class="weui-uploader__hd" style="margin-top:40px">
              <p class="weui-uploader__title">请选择要上传的图片</p>
              <div class="weui-uploader__info">0/1</div>
            </div>
            <div class="weui-uploader__bd">
             
              <div class="weui-uploader__input-box" style="margin:10px auto">
              <form th:action="@{/WBizController/changeHeadImage}" enctype="multipart/form-data" method="post" id="form">
                <input id="uploaderInput" class="weui-uploader__input" type="file" name="uploadDemo" accept="image/*"  onchange="readFile(this)"/>
                
                </form>
               <ul style="margin-left:150px;list-style-type: none;">
               	<li class="weui-uploader__file" style="background-image:url(/demos/images/pic_160.png)"></li>

               </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  	
  	</div>
  	 <div class="weui-btn-area">
			        <a href="javascript:uploaDemo();" class="weui-btn weui-btn_primary" id="btnUpload">上传</a>
			      </div>
		 
       <br/>
      <br/>	      
	
	<div class="weui-tabbar" style="position: fixed;">
        <a th:href="@{/WHeadInfoController/intoMainPage}" class="weui-tabbar__item weui-bar__item--on">
         <!--  <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span> -->
          <div class="weui-tabbar__icon">
            
            <img th:src="@{/demos/images/icon_nav_button.png}" />
          </div>
          <p class="weui-tabbar__label">首页</p>
        </a>
        
        
        
        
        
        
        
        <!--判断是否登陆  -->
        <a href="javascript:void(0)" class="weui-tabbar__item" th:if="${session.EmployeeInfo!=null}"> 
          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_msg.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">菜单</p>
        </a>
        
        <a th:href="@{/WBizController/loginDemo}" class="weui-tabbar__item" th:if="${session.EmployeeInfo==null}"> 
          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_msg.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">菜单</p>
        </a>

		<!--判断是否登陆  -->
        <a th:href="@{/selectAllCustomers}" class="weui-tabbar__item" th:if="${session.EmployeeInfo!=null}">

          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_article.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">客户</p>
        </a>
         <a th:href="@{/WBizController/loginDemo}" class="weui-tabbar__item" th:if="${session.EmployeeInfo==null}">

          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_article.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">客户</p>
        </a>
        
        
        
        
        
        
        
        
        
        
        <a th:href="@{/WBizController/HeadPage}" class="weui-tabbar__item">
          <div class="weui-tabbar__icon">
            <img th:src="@{/demos/images/icon_nav_cell.png}" alt=""/>
          </div>
          <p class="weui-tabbar__label">我的</p>
        </a>
      </div>
      
   
      <script>
  $(function() {
    FastClick.attach(document.body);
  });
</script>
  	</body>
  </html>